(e.indexOf("?") >= 0 ? "&" : "?") + 'ref=' + _;
        var y = a.getElementsByTagName('script')[0]; y.parentNode.insertBefore(h, y);
        h.onload = h.onreadystatechange = function () {
            var r = this.readyState; if (r && r != 'complete' && r != 'loaded') return;
            try { HeymarketWidget.construct(_); } catch (e) { }
        };
        var observer = new MutationObserver(function (mutationList, observer) {
            if (document.getElementById("heymarket-widget")) {
                observer.disconnect();
                document.getElementById("activate-chat").classList.remove("load");
                HeymarketWidget.Modal.toggleWidget();
            }
        });
        observer.observe(document.body, { childList: true, attributes: false, subtree: false });
    }
</script>


<script type="text/javascript" id="hs-script-loader" async defer src="https://js.hs-scripts.com/476760.js"></script>


<script src="https://www.google.com/recaptcha/api.js?render=6Le0XdUaAAAAAG3KTbo4p6azg6wLF0dbxksuxHUP" async defer></script>



        
<a class="gcr-badge" href="https://customerreviews.google.com/v/merchant?q=justbats.com&c=US&v=19&hl=en_US" target="_blank" aria-label="View Our Google Ratings">
		<img src="https://dac8r2vkxfv8c.cloudfront.net/content/images/gcr49.png" alt="4.9 Star Rating, Google Customer Reviews" />
</a>
        
    
<script type="text/template" id="searchFiltersTemplate">
<div class="filter-header">
    <span class="filter-count" aria-live="polite">
        FILTERS {{=SelectedSearchFilters.length == 0 ? "" : "(" + SelectedSearchFilters.length + ")"}}
        <small class="found" role="status">{{=TotalHits}} FOUND</small>
    </span>
    <a class="filter-reset" href="{{=BaseUrl}}" data-js="search-parameter"
       aria-label="Reset all product filters" aria-controls="products-grid">Reset</a>
    <a href="#" class="filter-done" aria-label="Done filtering" aria-controls="filters">Done</a>
</div>
<div class="filter-contents">
    {{ var groupCnt = 0; }}
    <ul aria-label="Product Search Filters">
        {{ FilterGroups.forEach(function(group, index) { }}
            <li class="filter-group {{=group.GroupType}} {{=group.Filters.filter(f => f.IsSelected).length || groupCnt < 3 ? "open selected" : ""}}" data-filter-group="{{=group.Name}}{{=group.Text}}{{=group.GroupType}}" aria-label="{{=group.Text}}">
                <button type="button" aria-controls="filter-more_{{=group.Text.replace(" ", "-")}}" aria-expanded="false" class="filter-title w-100" aria-label="Toggle {{=group.Text}} Filters">{{=group.Text}}<i class="icon-expand_more" aria-hidden="true"></i></button>
                <ul id="filter-more_{{=group.Text.replace(" ", "-")}}" class="filter-more" aria-label="{{=group.Text}} Filters">
                    {{ if (group.Name.toLowerCase() == "size") { }}
                        {{ group.Filters.forEach(function(f, index2) { }}
                            <li><a href="{{=f.Url}}" {{=f.IsSelected ? "class=active" : ""}} data-js="search-parameter" aria-label="{{=f.Text.replace("\"", " inch")}}, {{=f.Count}} products" aria-controls="products-grid"><span>{{=f.Text.replace(".00", "")}}</span></a></li>
                        {{ }); }}
                    {{ } else if (group.Name.toLowerCase() == "color") { }}
                        {{ group.Filters.forEach(function(f, index2) { }}
                            <li><a href="{{=f.Url}}" {{=f.IsSelected ? "class=active" : ""}} data-js="search-parameter" aria-label="{{=f.Text.replace("\"", " inch")}}, {{=f.Count}} products" aria-controls="products-grid"><span class="check"></span><span class="swatch {{=f.Text.replace(" ","").toLowerCase()}}" style="background-color:{{=f.Text.replace(" ","").toLowerCase()}}"></span><span>{{=f.Text}}<span class="count">{{=f.Count}}</span><span class="sr-only"> matching results</span></span></a></li>
                        {{ }); }}
                    {{ } else if (group.Name.toLowerCase() == "averagerating") { }}
                        {{ group.Filters.forEach(function(f, index2) { }}
                            <li><a href="{{=f.Url}}" {{=f.IsSelected ? "class=active" : ""}} data-js="search-parameter" aria-label="{{=f.Text.replace("\"", " inch")}}, {{=f.Count}} products" aria-controls="products-grid"><span class="check"></span><span><span class="sr-only">{{=f.Text.replace("at least ", "")}}</span><span class="stars show-{{=f.Text.replace("at least ", "").replace(" stars", "")}}" aria-hidden="true"></span> & Up<span class="count">{{=f.Count}}</span><span class="sr-only"> matching results</span></span></a></li>
                        {{ }); }}
                    {{ } else { }}
                        {{ group.Filters.forEach(function(f, index2) { }}
                            <li>
                                <a href="{{=f.Url}}" {{=f.IsSelected ? "class=active" : ""}} data-js="search-parameter" aria-label="{{=f.Text.replace("\"", " inch")}}, {{=f.Count}} products" aria-controls="products-grid">
                                    <span class="check"></span>
                                    <span>
                                        <span>{{=f.Text.replace("Bat Pack", PageData.DefaultProductType.Name + " Pack")}}{{=f.Text == "BALLR" || f.Text == "STRKR" || (f.Text == "Prism" && PageData.DefaultProductType.Name == "Bat") ? "+" : ""}}</span>
                                        <span class="count">{{=f.Count}}</span>
                                        <span class="sr-only"> matching results</span>
                                    </span>
                                </a>
                            </li>
                        {{ }); }}
                    {{ } }}
                </ul>
            </li>
            {{ groupCnt++; }}
        {{ }); }}
    </ul>
</div>
<a class="coach-menu-callout d-md-none" href="/{{=PageData.DefaultProductType.Name.toLowerCase()}}-coach/">
    <img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dac8r2vkxfv8c.cloudfront.net/content/images/help-{{=PageData.DefaultProductType.Name.toLowerCase()}}-coach-white.png" alt="{{=PageData.DefaultProductType.Name.toLowerCase()}} Coach" />
    <span>
        <span class="mega">TRY OUR {{=PageData.DefaultProductType.Name.toUpperCase()}} COACH</span>
        <span class="details">Answer a few simple questions to find your perfect {{=PageData.DefaultProductType.Name.toLowerCase()}}.</span>
    </span>
    <i class="icon-chevron_right" aria-hidden="true"></i>
</a>

</script>
    
<script type="text/template" id="searchFixedMobileTemplate">
<div class="sort-dropdowns">
    <label for="sort-dropdown-mobile" class="accessible">Sort</label>
    <i class="icon-swap_vert swap" aria-hidden="true"></i>
    <select id="sort-dropdown-mobile" class="sort-dropdown" data-js="search-parameter-select">
        {{ SortByOptions.forEach(function(sortByOption, index) { }}
            <option {{=sortByOption.IsSelected ? "selected=selected" : ""}} value="{{=sortByOption.Url}}"
                    aria-label="{{=sortByOption.Name}}, activate to sort {{=sortByOption.Mode}}"
                    aria-selected="{{=sortByOption.IsSelected ? "true" : "false"}}">
                {{=sortByOption.Name}}
            </option>
        {{ }); }}
    </select>
</div>
</script>
    
<script type="text/template" id="searchPacksMobileTemplate">
<div class="mobile-packs">
    <a href="{{=KitsTogglerUrl}}" rel="nofollow" data-js="search-parameter" class="pack-toggle d-md-none {{=KitsTogglerIsOn ? "on" : "off"}}"
        role="switch" aria-label="Include packs in search results" aria-checked="{{=KitsTogglerIsOn ? "true" : "false"}}"
        aria-controls="products-grid">Packs<span class="toggler"></span></a>
</div>

</script>
    
<script type="text/template" id="searchSortDesktopTemplate">
<div class="sort-dropdowns">
    <label for="sort-dropdown-desktop" class="accessible">Sort</label>
    <i class="icon-swap_vert swap" aria-hidden="true"></i>
    <select id="sort-dropdown-desktop" class="sort-dropdown" data-js="search-parameter-select">
        {{ forEach(function(sortByOption, index) { }}
            <option {{=sortByOption.IsSelected ? "selected=selected" : ""}} value="{{=sortByOption.Url}}"
                    aria-label="{{=sortByOption.Name}}, activate to sort {{=sortByOption.Mode}}"
                    aria-selected="{{=sortByOption.IsSelected ? "true" : "false"}}">
                {{=sortByOption.Name}}
            </option>
        {{ }); }}
    </select>
    <i class="icon-expand_more expand" aria-hidden="true"></i>
</div>

</script>
    
<script type="text/template" id="searchResultsTemplate">
{{ var isLP = ((PageData.Banner != null || PageData.YoutubeKey != null || PageData.CallToActions.length || !(PageData.Page.PageContent == null || PageData.Page.PageContent.length == 0)) ? true : false); }}
{{ var templateModel = { KitsTogglerIsOn: KitsTogglerIsOn, KitsTogglerUrl: KitsTogglerUrl }; }}
{{ if (typeof SearchResults != "undefined" && SearchResults.length) { }}
    <div class="products" data-js="products">
        <div class="h-area">
            <div class="h-group" aria-live="polite">
                <h1 class="h3">{{=PageData.Page.PageTitle.replace("Bat Pack", PageData.DefaultProductType.Name + " Pack")}}</h1>
                <h2 class="h4 found" role="status">{{=TotalHits}} FOUND</h2>
            </div>
            {{ if (DisplayKitsTogglerWidget) { }}
                {{=tmpl("searchPacksMobileTemplate", templateModel) }}
            {{ } }}
        </div>
        {{ if (isLP) { }}
            <div class="lp-top">
                {{ if (PageData.Banner) { }}
                    <a href="{{=PageData.Banner.LinkUrl}}" class="lp-banner"><img src="{{=PageData.Banner.ImageUrl}}" alt="{{=PageData.Banner.AltText}}" /></a>
                {{ } }}
                {{ if (PageData.YoutubeKey) { }}
                    <div class="embed-responsive embed-responsive-16by9 lp-banner">
                        <iframe class="embed-responsive-item" title="{{=PageData.Page.PageTitle}} - Video"
                                src="https://www.youtube.com/embed/{{=PageData.YoutubeKey}}?rel=0&modestbranding=1"
                                srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;filter:drop-shadow(5px 5px 10px #000000);}</style><a href=https://www.youtube.com/embed/{{=PageData.YoutubeKey}}?autoplay=1><img src=https://img.youtube.com/vi/{{=PageData.YoutubeKey}}/sddefault.jpg><span>&#x25B6;</span></a>"
                                allowfullscreen allow="autoplay">
                        </iframe>
                    </div>
                {{ } }}
                {{ if (PageData.CallToActions.length && PageData.CallToActions.filter(c => c.Text.length > 1).length > 0) { }}
                    <div class="lp-links">
                        {{ PageData.CallToActions.forEach(function(cta, index) { }}
                            <a href="{{=cta.Link}}">{{=cta.Text}}</a>
                        {{ }); }}
                    </div>
                {{ } }}
                {{ if (!(PageData.Page.PageContent == null || PageData.Page.PageContent.length == 0)) { }}
                    <div class="lp-copy" data-page-content>{{=PageData.Page.PageContent}}</div>
                {{ } }}
            </div>
        {{ } }}
        {{ if (SelectedSearchFilters.length >= 2) { }}
            <div class="search-criteria mt-3 mb-3">
                <div class="searched-tags">
                    {{ SelectedSearchFilters.forEach(function(ssf, index) { }}
                        <a href="{{=ssf.Url}}" data-js="search-parameter" aria-controls="products-grid" aria-label="Cancel {{=ssf.Text.replace("Bat Pack", PageData.DefaultProductType.Name + " Pack")}} from search criteria">{{=ssf.Text.replace("Bat Pack", PageData.DefaultProductType.Name + " Pack")}}<i class="icon-close" aria-hidden="true"></i></a>
                    {{ }); }}
                    <a class="clear" href="/products/" data-js="search-parameter" aria-label="Clear all search criteria" aria-controls="products-grid">CLEAR ALL</a>
                </div>
            </div>
        {{ } }}
        <div class="sort-criteria mb-3 mb-md-4 mt-3 d-none d-md-flex">
            <div class="sort-radios d-flex">
                <i class="icon-swap_vert swap" aria-hidden="true"></i>
                {{ SortByOptions.forEach(function(sortByOption, index) { }}
                    <a href="{{=sortByOption.Url}}" data-js="search-parameter"
                       class="sort-radio {{=sortByOption.IsSelected ? "selected" : ""}} balloonjs-hover"
                       aria-label="{{=sortByOption.Name}}, click to sort {{=sortByOption.Mode}}"
                       aria-controls="products-grid">
                        <span aria-describedby="sort-tooltip-{{=parseInt(JSON.stringify(sortByOption), 10)}}">{{=sortByOption.Name}}</span>
                        <span id="sort-tooltip-{{=parseInt(JSON.stringify(sortByOption), 10)}}" role="tooltip" class="balloon-css" data-balloon-pos="up" data-balloon-length="fit">{{=sortByOption.Name}}, click to sort {{=sortByOption.Mode}}</span>
                    </a>
                {{ }); }}
            </div>
            {{ if (DisplayKitsTogglerWidget) { }}
                <a href="{{=KitsTogglerUrl}}" rel="nofollow" data-js="search-parameter"
                   class="pack-toggle {{=KitsTogglerIsOn ? "on" : "off"}}"
                   role="switch" aria-controls="products-grid" aria-checked="{{=KitsTogglerIsOn ? "true" : "false"}}"
                   aria-label="Include packs in search results">Packs<span class="toggler" aria-hidden="true"></span></a>
            {{ } }}
        </div>
        <div class="products-grid row" data-js="products-grid" id="products-grid">
            {{ SearchResults.forEach(function(product, index) { }}
                {{=tmpl("searchGridResultTemplate", product) }}
            {{ }); }}
            
            {{ if (StaffPickResults) { }}
                <div class="staff-picks col col-12 row">
                    <div class="col col-12 mb-2 mb-md-4">
                        <div class="staff-picks__header lazyload">
                            <div class="staff-picks__header-dimmer"></div>
                            <i class="icon-recommend staff-picks__header-icon" aria-hidden="true"></i>
                            <h2 class="staff-picks__header-heading">Our Expert Picks</h2>
                            <p class="staff-picks__header-subheading">
                                We know there is a lot to choose from.<br />Get our experts&rsquo; favorite&nbsp;{{=CompanyDefaultProductType.toLowerCase()}}s.
                                <br /><a class="font-weight-bold d-inline-flex align-items-start" href="/customer-service/">
                                    <span>Learn&nbsp;More</span>
                                    <i class="icon-chevron_right" aria-hidden="true"></i>
                                </a>
                            </p>
                        </div>
                    </div>
                    {{ StaffPickResults.forEach(function(product, index) { }}
                        {{=tmpl("searchGridResultTemplate", product) }}
                    {{ }); }}
                </div>
            {{ } }}
        </div>
        {{ if (HasMorePages) { }}
            <a class="load-more mb-4" href="{{=MoreResultsLink}}" data-js="search-load-more">Load More Products</a>
        {{ } }}
    </div>
{{ } else { }}
    <div class="no-results {{=SearchResults.Count == 0 ? "google-ads-alert" : "this-is-ALWAYS-true-hack"}}-no-results">
        <div class="row">
            <div class="col-lg-6">
                {{ if (PageData.DefaultProductType.Name == "Paddle") { }}
                    <h1 class="h2 mt-0 mb-0">Your Shot was Long.</h1>
                    <p class="h4 mt-0 mb-3 font-weight-normal worry">Let's Make the Next one a Winner</p>
                    <p class="mt-0">Not seeing what you&rsquo;re looking for? Send us a <button type="button" class="live-chat text-link">chat</button> or <a href="mailto:{{=PageData.OutgoingEmailAddress}}" target="_blank">email</a> and our Paddle Experts will help you find the perfect paddle for you!</p>
                {{ } else { }}
                    <h1 class="h2 mt-0 mb-0">A Swing and a Miss</h1>
                    {{ if (typeof SelectedSearchFilters != "undefined" && SelectedSearchFilters.length) { }}
                        <p class="mt-0">Your search for {{=SelectedSearchFilters[0].Text.replace("Search For ", "")}} resulted in 0&nbsp;results.</p>
                    {{ } }}
                {{ } }}
                <form class="search-form mt-4 mb-4" method="get" action="/products/">
                    <fieldset>
                        <legend class="sr-only">Product Search</legend>
                        <label for="search-input2" class="accessible">Search</label>
                        <input id="search-input2" name="s" type="search" autocomplete="off" />
                        <button type="submit"><i class="icon-search" aria-hidden="true"></i><span class="sr-only">Submit search form</span></button>
                    </fieldset>
                </form>
            </div>
            <div class="col-lg-6 helpful-search-tips">
                <h4 class="mt-0">Helpful Search Tips</h4>
                <ul>
                    <li><p>Check the spelling of your search.</p></li>
                    {{ if (PageData.DefaultProductType.Name == "Paddle") { }}
                        <li><p>Try a broader search.</p></li>
                    {{ } else { }}
                        <li><p>Try a broader search. (i.e. Baseball {{=PageData.DefaultProductType.Name}}s, Softball {{=PageData.DefaultProductType.Name}}s, etc.)</p></li>
                    {{ } }}
                    <li>
                        <p class="d-md-none">Use the SHOW FILTERS button on the top left to help narrow your results.</p>
                        <p class="d-none d-md-block">Use the filters on the left to help narrow your results.</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="no-result-row featured-categories bg-gray pt-4 pb-md-4 my-4 my-lg-5">
            <div class="title">
                <h2>FEATURED CATEGORIES</h2>
            </div>
            {{ if (PageData.DefaultProductType.Name == "Bat") { }}
                <ul>
                    <li><a href="/products/bat%20type~baseball/"><span>Baseball</span></a></li>
                    <li><a href="/products/softball%20bats~fastpitch/"><span>Fastpitch</span></a></li>
                    <li><a href="/products/softball%20bats~slow%20pitch/"><span>Slow Pitch</span></a></li>
                    <li><a href="/products/baseball%20bats~youth/"><span>Youth</span></a></li>
                    <li><a href="/products/baseball%20bats~wood%20baseball/"><span>Wood</span></a></li>
                    <li><a href="/products/deals~closeout%20bats/"><span>Closeouts</span></a></li>
                </ul>
            {{ } else if (PageData.DefaultProductType.Name == "Glove") { }}
                <ul>
                    <li><a href="/products/glove%20type~baseball/"><span>Baseball</span></a></li>
                    <li><a href="/products/glove%20type~softball/"><span>Softball</span></a></li>
                    <li><a href="/products/glove%20type~youth/"><span>Youth</span></a></li>
                    <li><a href="/products/sub%20type~catchers/"><span>Catcher</span></a></li>
                    <li><a href="/products/sub%20type~first%20base/"><span>First Base</span></a></li>
                    <li><a href="/products/deals~closeout%20gloves/"><span>Closeouts</span></a></li>
                </ul>
            {{ } else if (PageData.DefaultProductType.Name == "Paddle") { }}
                <ul>
                    <li><a href="/products/experience%20level~youth/"><span>Youth Paddles</span></a></li>
                    <li><a href="/products/experience%20level~beginner/"><span>Beginner Paddles</span></a></li>
                    <li><a href="/products/experience%20level~intermediate/"><span>Intermediate Paddles</span></a></li>
                    <li><a href="/products/experience%20level~professional/"><span>Advanced Paddles</span></a></li>
                    <li><a href="/products/deals~sale/"><span>Paddles on Sale</span></a></li>
                </ul>
            {{ } }}
        </div>
        <div class="no-result-row mt-5 mt-md-1">
            <div class="title">
                <h2>MOST POPULAR ITEMS</h2>
            </div>
            <div data-js="product-grid" data-search="/products/?sortBy=mostpopular&not~deals~bat%20pack,pick%20your%20pack&size=4" data-title=""></div>
        </div>
        {{ if (PageData.DefaultProductType.Name == "Paddle") { }}
            <div class="no-result-row mt-5 resources bg-gray pt-4 pb-md-4 my-4 my-lg-5">
                <div class="title">
                    <h2>PADDLE RESOURCES</h2>
                </div>
                <ul>
                    <li><a href="/paddle-coach/"><span>Paddle Coach</span></a></li>
                    <li><a href="/what-is-pickleball/"><span>What is Pickleball?</span></a></li>
                    <li><a href="/buying-guide/"><span>Paddle Buying Guide</span></a></li>
                    <li><a href="/paddle-resource-guide/"><span>How to Choose a Paddle</span></a></li>
                    <li><a href="/paddle-reviews/"><span>Paddle Reviews</span></a></li>
                </ul>
            </div>
        {{ } }}
    </div>
{{ } }}

</script>
    
<script type="text/template" id="searchGridResultTemplate">
<div class="grid-product-container col col-6 col-md-4 col-lg-3 mb-2 mb-md-4" data-pid="{{=Id}}">
    <a href="{{=Url}}" class="product {{=IsLastViewed ? "last-viewed" : ""}}" aria-label="{{=AriaLabel}}">
        <div class="image-holder"><img class="product-image lazyload" src="{{=ProductPlaceholderImagePath}}" data-src="{{=ImagePath}}" alt="" /></div>
        <span class="product-title">{{=Name}}</span>
        {{ if (ImageSwatchSummaries.length && ImageSwatchSummaries.length > 1) { }}
            <div class="color-swatches">
                <div class="color-swatch-title">
                    <span class="color-swatch-icon">&nbsp;</span>
                    {{=ImageSwatchSummaries.length}} Colors
                </div>
                {{ ImageSwatchSummaries.forEach(function(swatch, index) { }}
                    <div class="color-swatch-wrap">
                        <span class="color-swatch {{=swatch.Name == ImageSwatchSummaries[0].Name ? "active" : ""}}" data-color-name="{{=swatch.Name}}" data-color-image-src="{{=swatch.ImagePath}}">
                            {{=tmpl("swatchSplitsTemplate", swatch.Name) }}
                        </span>
                    </div>
                {{ }); }}
            </div>
        {{ } }}
        <span class="product-price">
            {{ if (IsHiddenPrice) { }}
                <span class="hidden-price">See Price In&nbsp;Cart</span>
            {{ } else if (!(MinPriceDollars == null || MinPriceDollars == '') && MinPriceDollars != "0") { }}
                {{ if (HasPriceRange) { }}
                    <span class="current range">
                        <sup>$</sup>{{=MinPriceDollars}}<sup>{{=MinPriceCents}}</sup> - <sup>$</sup>{{=MaxPriceDollars}}<sup>{{=MaxPriceCents}}</sup>
                    </span>
                {{ } else { }}
                    <span class="current">
                        <sup>$</sup>{{=MinPriceDollars}}<sup>{{=MinPriceCents}}</sup>
                    </span>
                {{ } }}
                {{ if (ShowHistoricPrice && !IsKit) { }}
                    <span class="previous">
                        <span class="sr-only">Price was: </span>${{=HistoricMaxPrice.toFixed(2)}}
                    </span>
                {{ } }}
            {{ } }}
            {{ if (HasUsedAttributes) { }}
                <span class="used">Used from ${{=MinUsedPrice}}</span>
            {{ } }}
        </span>
        <span class="product-rating-logo {{=ReviewCount == 0 || IsPickKit ? "no-ratings" : ""}}">
            {{ if (ProductType != "Gift Card") { }}
                {{ if (ReviewCount > 0) { }}
                    <span class="rating">
                        <span class="stars show-{{=AverageRatingClass}}" aria-hidden="true"></span>
                        <span class="sr-only">{{=AverageRating}} Stars</span>
                        <span class="reviews">{{=ReviewCount}}<span class="sr-only"> Reviews</span></span>
                    </span>
                {{ } }}
                {{ if (VendorLogoPath) { }}
                    <span class="logo"><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="{{=VendorLogoPath}}" alt="{{=VendorName}}" /></span>
                {{ } }}
            {{ } }}
        </span>
        {{ if (StaffPickText) { }}
            <span class="product-recommendation">
                <i class="icon-recommend product-recommendation__icon" aria-hidden="true"></i>
                <span class="product-recommendation__copy">{{=StaffPickText}}</span>
            </span>
        {{ } }}
        {{ if (IsLastViewed) { }}
            <span class="product-badge last-viewed">Last Viewed</span>
        {{ } else if (IsComingSoon) { }}
            <span class="product-badge coming-soon">Coming Soon</span>
        {{ } else if (IsOffline) { }}
            <span class="product-badge badge-out-of-stock">Out of Stock</span>
        {{ } else if (PreBook) { }}
            <span class="product-badge prebook">Pre-order</span>
        {{ } else if (IsPickKit && HasBadge && BadgeClass.indexOf("pyp-") >= 0) { }}
            <span class="product-badge pyp-badge {{=BadgeClass}}" badge-text="{{=BadgeText}}">{{=BadgeText}}{{=PackQty}}</span>
        {{ } else if (HasBadge && BadgeClass.indexOf("bat-bros") >= 0) { }}
            {{ var svgImg = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 168'%3E%3C/svg%3E"; }}
            <span class="product-badge bat-bros-pick"><img src="{{=svgImg}}" data-src="https://dac8r2vkxfv8c.cloudfront.net/content/images/justbats/logo_bat-bros_pick-black-01.svg" class="lazyload" alt="The Bat Bros Bat Pick" /></span>
        {{ } else if (HasBadge) { }}
            <span class="product-badge {{=BadgeClass}}" badge-text="{{=BadgeText}}">
                {{=BadgeText}}
                {{ if ((BadgeClass == "badge-black-friday" || BadgeClass == "badge-cyber-monday") && ShowHistoricPrice && PercentSaved.length > 1) { }}
                    <span class="badge-tag">
                        <span class="inner">
                            <span class="badge-percent-saved">{{=PercentSaved}}</span>
                            <span class="badge-tag-end">off</span>
                        </span>
                    </span>
                {{ } }}
            </span>
        {{ } else if (IsKit && !IsPickKit) { }}
            <span class="product-badge bat-pack">{{=ProductType}} Pack</span>
        {{ } }}
    </a>
    {{ if (ProductType != "Gift Card" && !IsComingSoon && !IsKit) { }}
        <span class="product-buttons">
            <button type="button" class="button compare add-to-compare" data-id="{{=Id}}" aria-label="Compare {{=AttributeSafeName}}" aria-selected="false">
                <i class="marked icon-done" aria-hidden="true"></i>
                <span class="text">COMPARE</span>
            </button>
        </span>
    {{ } }}
    {{ if (BundleEligible) { }}
		<div class="basft">
            <button type="button" aria-describedby="bundle-tip-{{=Id}}" class="bundle-and-save-flag">
                <span aria-hidden="true">$</span>
            </button>
            <div class="bundle-and-save-tooltip" role="tooltip" id="bundle-tip-{{=Id}}">
				<span class="d-none d-inline-no-savings">Bundle this with other eligible items or purchase two or more to receive extra savings in your cart! <a href="/products/deals~bundle%20and%20save/" class="text-decoration-underline text-body">See more eligible&nbsp;items&nbsp;&raquo;</a></span>
				<span class="d-none d-inline-savings-near d-inline-savings">You qualify for extra savings by bundling this product with the eligible items in your cart! <a href="/products/deals~bundle%20and%20save/" class="text-decoration-underline text-body">See more eligible&nbsp;items&nbsp;&raquo;</a></span>
			</div>
        </div>
    {{ } }}
</div>
</script>
    
<script type="text/template" id="swatchSplitsTemplate">
{{ var swatches = toLowerCase().replace(" ", "-").replace("-splatter", "").split('/'); }}
<span class="inner">
    {{ swatches.forEach(function(color, index) { }}
        <span class="split bg-{{=color}}"></span>
    {{ }); }}
</span>
</script>
    <script src="/content/scripts/output/search.js?v=21d6f8bf1c2973bb8f2940c19209f3df" defer></script>

        <script src="/content/scripts/output/page-init.js?v=6c574eddf7a73e0743fe4dbb974775de" defer></script>
    </body>
</html>